<!DOCTYPE html>
<html>
  <head>
    <link rel='match' href='last_of_type_pseudo_b.html'>
    <title>:last-of-type test</title>
    <style type="text/css">
      html { background: red; }
      /* Should match according to Selectors Level 4 (changed from Level 3) */
      html:last-of-type { background: white; }

      div > p,
      div > div,
      div > address {
          float: left;
          width: 20px;
          height: 20px;
          margin: 0px;
          margin-right: 10px;
          padding: 0px;
      }
      div > p {
          background: white;
      }
      div > div,
      div > address {
          background: black;
      }
      body > div { clear: both; margin-bottom: 10px; }

      #d1 > .ok { background: red; }
      #d1 > *:last-of-type { background: green }

    </style>
  </head>
  <body>
    <div id="d1">
      <p> </p>
      <div> </div>
      <div> </div>
      <p> </p>
      <address> </address>
      <p> </p>
      <div> </div>
      <p> </p>
      <p> </p>
      <address> </address>
      <address class="ok"> </address>
      <p> </p>
      <div class="ok"> </div>
      <p> </p>
      <p class="ok"> </p>
    </div>
  </body>
</html>
